<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://thymeleaf.org">
<head>
  <base href="/">
  <meta charset="UTF-8">
  <title>Analysis</title>
  <link rel="stylesheet" href="../static/css/chatRoom.css">
  <link rel="icon" type="image/x-icon" href="../static/img/favicon.ico" />
</head>
<body>
<div class="overlay"></div>
<div class="container blur">
  <div class="wrapper">
    <div class="left-panel">
      <div class="left-overlay"></div>
      <div class="analysis-right-title">数据统计分析</div>
      <div class="analysis-box">
      </div>
      <div class="analysis-answer-title">数据统计表</div>
      <table id="count-result-table" class="query-table">
        <thead>
        <tr>
          <th>记录内容</th>
          <th>记录值</th>
        </tr>
        </thead>
        <tbody>
        </tbody>
      </table>
      <hr class="gray-line">
      <button class="model-btn question-count">查看问答记录</button>
    </div>
    <div class="analysis-right-panel">
      <div class="analysis-right-title">智能辅助分析</div>
      <div class="analysis-box">
      </div>
      <div class="analysis-help-container">
        <div class="analysis-answer-title">智能分析表</div>
        <div class="analysis-container">
          <table id="dialogue-analysis-result-table" class="query-table">
            <thead>
            <tr>
              <th style="width: 200px">分析内容</th>
             <!-- <th>分析依据</th>-->
              <th>分析结论</th>
              <th style="width: 100px">内容评分</th>
            </thead>
            <tbody>
            <tr>
              <td>主题内容和理解分析</td>
              <td>对话内容围绕“如何分析系统的软件需求”这一主题展开，涉及软件需求的定义、分析方法和工具等方面的讨论，内容紧扣主题，参与者对软件需求的理解较为准确，讨论内容与主题高度相关。</td>
             <!-- <td>对话内容紧扣主题，参与者对软件需求的理解较为准确，讨论内容与主题高度相关。</td>-->
              <td>9分</td>
            </tr>
            <tr>
              <td>讨论观点和立场分析</td>
              <td>在该次讨论围绕主题展开，成员在相互解答探索，所有分歧观点。黄小芳表现出对软件需求的初步了解和学习的态度，向道旭则通过提问参与讨论，潘珍珍则提供了较为详细和专业的解答。</td>
              <!--<td>各参与者在讨论中表达了自己的观点和立场，黄小芳和向道旭的提问推动了讨论的深入，潘珍珍的解答则提供了专业的知识分享。</td>-->
              <td>8分</td>
            </tr>
            <tr>
              <td>讨论深度和广度分析</td>
              <td>对话从软件需求的定义出发，逐步深入到需求分析的方法、工具和注意事项等方面，不仅涵盖了软件需求的基本知识，还涉及了实际操作中的技巧和经验分享。讨论内容具有一定的深度和广度。</td>
              <!--<td>对话内容不仅涵盖了软件需求的基本知识，还涉及了实际操作中的技巧和经验分享，体现了讨论的深度和广度。</td>-->
              <td>7分</td>
            </tr>
            <tr>
              <td>讨论结果和共识分析</td>
              <td>对话结束时，参与者对软件需求分析的重要性、方法和工具等方面达成了一定的共识，黄小芳也表达了学习和实践的决心。讨论结果积极且富有建设性，参与者在对话中形成了对软件需求分析的共同认识和理解。</td>
             <!-- <td>讨论结果积极且富有建设性，参与者在对话中形成了对软件需求分析的共同认识和理解。</td>-->
              <td>8分</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="analysis-answer-title">讨论引导</div>
      <table id="advise-command-lead-table" class="query-table">
        <thead>
        <tr>
          <th>序号</th>
          <th>内容</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td>1</td>
          <td>软件需求有哪些分类？</td>
        </tr>
        <tr>
          <td>2</td>
          <td>请以分析一个图书管理系统的需求为实际例子，思考如何分析和获取软件需求？</td>
        </tr>
        <tr>
          <td>3</td>
          <td>当我们获取软件需求后，应该如何确认和验证软件需求？</td>
        </tr>
        </tbody>
      </table>
    </div>
    <div class="analysis-add-panel">
      <div class="analysis-right-title">
        智能评价和预警
      </div>
      <div class="analysis-box">
      </div>
      <div class="analysis-answer-title">评分和状态</div>
      <table id="advise-command-table" class="query-table">
        <thead>
        <tr>
          <th>名称</th>
          <th>内容</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td>讨论评分</td>
          <td>8分</td>
        </tr>
        <tr>
          <td>讨论预警</td>
          <td>
            <button class="model-btn green">讨论合格</button>
          </td>
        </tr>
        </tbody>
      </table>
      <div class="add-box">
      </div>

      <div class="choose-container">
        <button class="add-model-btn thy" id="thy">教师干预</button>
      </div>
    </div>
  </div>
</div>

<div class="question-count-model">
  <div class="analysis-answer-title">问答信息统计表</div>
  <div class="question-count-box">
    <table id="count-questions-result-table" class="query-table">
      <thead>
      <tr>
        <th>问题序号</th>
        <th>提问学生</th>
        <th>问题信息</th>
        <th>解答信息</th>
      </tr>
      </thead>
      <tbody>
      </tbody>
    </table>
  </div>
</div>
<div class="myModel">
  <div class="model-title">讨论室内容</div>
  <span>讨论主题：</span>
  <textarea name="item" class="resizable-textarea" style="resize: none;"></textarea>
  <span>讨论内容：</span>
  <textarea name="content" class="resizable-textarea" style="resize: none;"></textarea>
  <span>讨论重点：</span>
  <textarea name="key" class="resizable-textarea" style="resize: none;"></textarea>
  <div class="myModel-container-option">
    <button class="model-btn sure">确认</button>
  </div>
</div>
<img class="show-img" src="" alt="">
<script src="../static/js/jquery-3.6.0.min.js"></script>
<script src="../static/js/customizeAlert.js"></script>
<script src="../static/js/chatRoom.js"></script>
<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
<script src="../static/js/chart.js"></script>
<script>
  $(function(){
    $(".text-1").hide();
  });
</script>
</body>
</html>